import type { SVGProps } from "react";

interface SparkleProps extends SVGProps<SVGSVGElement> {
  size?: number;
  "aria-label"?: string;
}

export function Sparkle({
  size = 15,
  className,
  "aria-label": ariaLabel,
  ...props
}: SparkleProps) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 15 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      role={ariaLabel ? "img" : undefined}
      aria-label={ariaLabel}
      aria-hidden={ariaLabel ? undefined : true}
      {...props}
    >
      <path
        d="M10 4.66667C10 4.29848 9.70152 4 9.33333 4C8.96514 4 8.66667 4.29848 8.66667 4.66667C8.66667 6.20566 8.32613 7.16162 7.74387 7.74387C7.16162 8.32613 6.20566 8.66667 4.66667 8.66667C4.29848 8.66667 4 8.96514 4 9.33333C4 9.70152 4.29848 10 4.66667 10C6.20566 10 7.16162 10.3405 7.74387 10.9228C8.32613 11.505 8.66667 12.461 8.66667 14C8.66667 14.3682 8.96514 14.6667 9.33333 14.6667C9.70152 14.6667 10 14.3682 10 14C10 12.461 10.3405 11.505 10.9228 10.9228C11.505 10.3405 12.461 10 14 10C14.3682 10 14.6667 9.70152 14.6667 9.33333C14.6667 8.96514 14.3682 8.66667 14 8.66667C12.461 8.66667 11.505 8.32613 10.9228 7.74387C10.3405 7.16162 10 6.20566 10 4.66667Z"
        fill="url(#paint0_linear_137_69791)"
      />
      <path
        d="M4.33333 0.666667C4.33333 0.298477 4.03486 0 3.66667 0C3.29848 0 3 0.298477 3 0.666667C3 1.62695 2.78677 2.16625 2.47651 2.47651C2.16625 2.78677 1.62695 3 0.666667 3C0.298477 3 0 3.29848 0 3.66667C0 4.03486 0.298477 4.33333 0.666667 4.33333C1.62695 4.33333 2.16625 4.54656 2.47651 4.85682C2.78677 5.16708 3 5.70638 3 6.66667C3 7.03486 3.29848 7.33333 3.66667 7.33333C4.03486 7.33333 4.33333 7.03486 4.33333 6.66667C4.33333 5.70638 4.54656 5.16708 4.85682 4.85682C5.16708 4.54656 5.70638 4.33333 6.66667 4.33333C7.03486 4.33333 7.33333 4.03486 7.33333 3.66667C7.33333 3.29848 7.03486 3 6.66667 3C5.70638 3 5.16708 2.78677 4.85682 2.47651C4.54656 2.16625 4.33333 1.62695 4.33333 0.666667Z"
        fill="url(#paint0_linear_137_69791)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_137_69791"
          x1="7.33333"
          y1="0"
          x2="7.33333"
          y2="14.6667"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#9F9F9F" />
          <stop offset="1" stopColor="#E1E1E1" />
        </linearGradient>
      </defs>
    </svg>
  );
}
